<!--定义网页根元素为html-->
<!DOCTYPE html>
<html>
	<head>
		<!--标记语言带/表示结束-->
		
		<meta charset="utf-8" />
		<!--在浏览器标签栏出现公司或者学校的logo-->
		<link rel="icon" href="img/tykj.png">
		<title>2019级毕业实习</title>
	</head>
	<body>
	<!--网页的内容放在body中-->	
	<h2>表单-律师档案创建</h2> <!--h2表示2级标题-->
	<form action="tykj.html" accept="post"><!--开始写表单的标题--><!--action跳转到tykj.html 这里post和get效果是一样的，一般用post.一般不一样是有区别的-->
         用户名<input type="text" placeholder="请输入用户名"/><!--文本框代码-->
		 <br><!--br表示换行-->
		 密码<input type="password" placeholder="请输入用户密码"/>
		 <br>
		 生日<input type="date" placeholder="请输入出生日期"/>	
		 <br>
		 性别<input type="radio" name="gender"/>男
		     <input type="radio" name="gender"/>女
			 <br>
			 籍贯<select >
				 <option>北京</option><!--这就是一个下拉选择-->、
				 <option>山西</option>
				 <option>陕西</option>
				 <option>河北</option>
				 <option>重庆</option>
				 <option>吉林</option>
				 <option>四川</option>
			 </select>
			 <br>
			 爱好<input type="checkbox"/>踢足球
			    <input type="checkbox"/>打羽毛球
				<input type="checkbox"/>旅游
				<input type="checkbox"/>刷短视频
				<input type="checkbox"/>骑行
			<br>
			<input type="checkbox"/>我已经阅读并同意遵守相关规则
			<br>
			照片<input type="file"/>
			<br>
			备注<textarea placeholder="这是一个多行文本框" cols="80" rows="5"></textarea><!--cols表示列 rows表示行 textarea就是多行文本框-->
			<br>
			<input type="submit" value="注册"/><!--submit表示提交表单-->
			<input type="reset" value="重填"/><!--reset表示重填-->
		 </form>
		 <h2>超链接</h2>
		 <a href="http://www.tyust.edu.cn">太原科技大学</a><!--跳转到太原科技大学官网-->
		 <br>
		 <a href="tykj.html">太原工业学院</a>
		 <h2>图片</h2>
		 <img src="img/tykj.png" width="500px" height="500px"/><!--图片可以调节大小，width是宽度，height是高度。px是像素-->
		 <h2>表格</h2>
		 <table border="2px" width="500px"><!--table表示表格,boeder加表格边框-->
		 <tr><!--tr表示行-->
			 <td>车次</td>      <!--td表示列-->
		     <td>出发站</td>
			 <td>历时</td><!--表示第一行三列-->
			 <td>
				 <button>预定</button><!--button表示按钮-->
			 </td>
		 </tr>
		 <tr>
			 <td>G1011</td>
			 <td>太原南站</td>
			 <td>2小时50分钟</td>
			 <td>
			 				 <button>预定</button><!--button表示按钮-->
			 </td>
		 </tr>
		 <tr>
		 			 <td>G1012</td>
		 			 <td>杨凌南站</td>
		 			 <td>4小时50分钟</td>
					 <td>
					 				 <button>预定</button><!--button表示按钮-->
					 </td>
		 </tr>
		 <tr>
		 			 <td>G1013</td>
		 			 <td>西安北站</td>
		 			 <td>2小时10分钟</td>
					 <td>
					 				 <button>预定</button><!--button表示按钮-->
					 </td>
		 </tr>
		 <tr>
		 			 <td>G1014</td>
		 			 <td>北京南站</td>
		 			 <td>6小时5分钟</td>
					 <td>
					 				 <button>预定</button><!--button表示按钮-->
					 </td>
		 </tr>
		 <tr>
		 			 <td>G1015</td>
		 			 <td>咸阳南站</td>
		 			 <td>5小时20分钟</td>
					 <td>
					 				 <button>预定</button><!--button表示按钮-->
					 </td>
		 </tr>
		 
			 
		 </table>
		 <h2>DIV</h2>
		 <div>
			 太原科技大学、太原工学院、计算机学院、宋书记、宋书记、潘院长等；
			 <br>
			 DIV是用来放东西的，至于放什么由程序员决定;
			 <br>
			 <img src="img/tykj.png"/>
			 
		 </div>
		 <h2>span</h2>
		 <input type="text" placeholder="请输入用户名"/><span style="color: red;">用户名不能为空!</span><!--span的用法,一般用来提示-->
		 <h2>列表</h2>
		 <ul><!--ul表示列表项前面是小黑点-->
			 <li>软件工程专业</li><!--li表示列表项-->
			 <li>智能科学与技术专业</li>
			 <li>物联网专业</li>
		 </ul>
		 <ol><!--ol表示列表项前面是1，2，3等自然数编号-->
			<li>软件工程专业</li><!--li表示列表项-->
			<li>智能科学与技术专业</li>
			<li>物联网专业</li>
		 </ol>
	</body>
</html>
